@fontsize: 1rem;
@fontcolor: #fff;
@backcolor: #f5f5f5;
@bordercolor: #ddd;
@titlefontweight: 600;
.inputStyle(@fontSize:0.5rem,@bg:#fff,@borderRadius:20px) {
}
.positionCenter() {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.fullScreen(@color:#fff) {
  position: fixed;
  top: 0;
  // bottom: 0;
  // right: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background-color: @color;
}
.refreshstyle(@top) {
  width: 100%;
  height: @top;
  z-index: 1;
  line-height: @top;
  text-align: center;
  color: #777;
  background: #f2f2f2;
  .icon-jiazai {
    display: inline-block;
    width: 0.64rem;
    height: 0.64rem;
    margin-right: 0.42666rem;
    vertical-align: middle;
    background-size: 0.64rem 0.64rem;
    background-repeat: no-repeat;
    background-image: url('../images/categoryIcon/category1.png');
  }
}

.autoHeight(@top,@backgroundColor) {
  background: @backgroundColor;
  width: 100%;
  position: absolute;
  top: @top;
  left: 0;
  bottom: 0;
}
.text-ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
// 圆形checkbox选项
.circular-checkbox(@backColor:#ffcc00) {
  width: 0.9rem;
  height: 0.9rem;
  background-color: #ffffff;
  border: solid 0.05rem #dddddd;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: background-color ease 0.1s;
  transition: background-color ease 0.1s;
  &:checked {
    background-color: @backColor;
    &::after {
      content: '';
      top: 0.25rem;
      left: 0.2rem;
      position: absolute;
      background: transparent;
      border: #fff solid 0.1rem;
      border-top: none;
      border-right: none;
      height: 0.17rem;
      width: 0.34rem;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
  }
}
